<!DOCTYPE html>
<html>
<head>
<title>Lightbox pour images</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link type="text/css" rel="stylesheet" href="lightbox-image.css">

<script src="lightbox-image.js" type="text/javascript"></script>

</head>

<body>
<h1>Lightbox pour image, d&eacute;mo</h1>
<p>D&eacute;monstration de la lightbox avec des images.</p>

<br>

<div id="shadowing"></div>
<div id="box">
    <div id="boxcontent"  onclick="closebox()">  </div> 
    <div id="boxtitle"> Nom de l'image</div>
</div>


<p>Pour afficher une image dans la lightbox, cliquer sur la vignette correspondante...</p> 
<img src="images/thumb-sea.jpg" width="150" height="150" onclick="openbox('images/small-sea.jpg');">
<img src="images/thumb-goldisle.jpg" width="150" height="150" onclick="openbox('images/goldisle.jpg');">
<img src="images/thumb-greenhouse.jpg" width="150" height="150" onclick="openbox('images/greenhouse.jpg');">

<br>

<hr>

<p>(c) 2008 <a href="http://www.xul.fr">xul.fr</a></p>
</body>
</html>
